<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="../CSS/首页.css">
</head>

<body>
    <header>
        <div class="top-left">
            <img src="../img/index/logo.jpg" alt="">
        </div>
        <div class="top-right">
            <img src="../img/index/my.jpg" alt="">
            <img src="../img/index/xiazai.jpg" alt="">
        </div>
    </header>
    <div class="min-bj">
        <div class="input_">
            <input type="text" placeholder="输入小区或商圈名开始找房咯！">
            <img src="../img/index/seach.jpg" alt="">
        </div>
    </div>
    <div class="fy">
        <div class="esf">
            <img src="../img/index/index_03.png" alt="">
            <p>二手房</p>
        </div>
        <div class="esf">
            <img src="../img/index/index_05.png" alt="">
            <p>新房</p>
        </div>
        <div class="esf">
            <img src="../img/index/index_07.png" alt="">
            <p>租房</p>
        </div>
        <div class="esf">
            <img src="../img/index/index_09.png" alt="">
            <p>卖房</p>
        </div>
    </div>
    <div class="min-bj2"></div>
    <div class="rmfy">
        <div>
            <h3>热门房源</h3>
            <p>Hot house</p>
        </div>
    </div>
    <div class="house1">
        <div class="left1">
            <img src="../img//index/img1.jpg">
        </div>
        <div class="right1">
            <h2>文化部中间层 一层带...</h2>
            <p>2室1厅96㎡南北<span class="qian">1105万</span></p>
            <p><span>红庙北里</span><span class="hui_">14268元/平</span></p>
            <p><span class="lx">学区房</span><span class="lx">独家</span></p>
        </div>
    </div>
    <div class="house2">
        <div class="left2">
            <img src="../img/index/img2.png">
        </div>
        <div class="right2">
            <h2>光大水墨 精装复式...</h2>
            <p>2室1厅96㎡南北<span class="qian">280万</span></p>
            <p><span class="hui">光大水墨</span><span class="hui_">14268元/平</span></p>
            <p><span class="lx">学区房</span><span class="lx">独家</span><span class="lx">满五唯一</span></p>
        </div>
    </div>
    <div class="house3">
        <div class="left3">
            <img src="../img/index/img3.png">
        </div>
        <div class="right3">
            <h2>南北通透两居 精装修...</h2>
            <p>2室1厅96㎡南北<span class="qian">320万</span></p>
            <p><span class="hui">北京新天地</span><span class="hui_">14268元/平</span></p>
            <p><span class="lx">地铁房</span><span class="lx">独家</span></p>
        </div>
    </div>
    <div class="red">
        <div class="red1">
            <p class="p1_">热门关注</p>
            <p class="p2_">友情链接</p>
        </div>
        <div class="red2">
            <ul>
                <li>北京二手房</li>
                <li>北京二手房价</li>
                <li>海淀日租房</li>
                <li>朝阳新房</li>
            </ul>
            <ul>
                <li>北京找房无忧</li>
                <li>青年家园</li>
                <li>免税房源</li>
                <li>满五年唯一免税</li>
            </ul>
        </div>
    </div>
    <div class="btn">
        <div class="btn-nav">
            <span>
                <a href="">北京找房无忧</a>
            </span>&nbsp;>
            <span>
                <a href="">首页</a>
            </span>
        </div>
        <div class="khd">
            <div class="khd-left">
                <img src="../img/index/apple.png" alt="">
                <p>iPhone</p>
                <p>客户端</p>
            </div>
            <div class="khd-right">
                <img src="../img/index/android.png" alt="">
                <p>android</p>
                <p>客户端</p>
            </div>
        </div>
        <div class="botton">
            <p>北京找房无忧房地产经纪公司</p>
            <p>网络经营许可证京ICP备20160812号</p>
        </div>
        <div class="div8">
            <div class="div9">
                <img src="../img/index/close.png" alt="" class="img">
                <img src="../img/index/download.png" alt="" class="img1">
                <div>
                    <div class="div55"> 找房无忧</div>
                    <div>市场行情, 一手掌握！</div>
                </div>
            </div>
            <div class="div10">
                <div>免费下载</div>
            </div>
        </div>
</body>

</html>
<script>
    var img = document.querySelector('.img');
    var div8_ = document.querySelector('.div8');
    var p1_ = document.querySelector('.p1_');
    var p2_ = document.querySelector('.p2_');
    img.onclick = function(){
        div8_.style.display = 'none';
    }
    p1_.onclick = function(){
        p1_.style.color = '#FF8A00';
        p1_.style.borderBottom = '3px solid #ff8a00';
        p2_.style.color = '';
        p2_.style.borderBottom = '';
    }
    p2_.onclick = function(){
        p2_.style.color = '#FF8A00';
        p2_.style.borderBottom = '3px solid #ff8a00';
        p1_.style.color = '';
        p1_.style.borderBottom = '';

    }
</script>
<script src="../JS/index.js"></script>